<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试专属页面</title>
    <style>
        .dv2{
            text-align:center;
            width:100%;
        }
        #dv21{
            border:5px solid red;
            width:50%;
            padding:20px;
        }
        input{
            font-size:30px;
            padding:10px;

        }
        label{
          font-size:30px;
          margin-right:20px;

        }
        #btn1 {
            font-size:30px;
            padding:10px;
            background-color:#F69364;
            border:1px solid #F69364;
            margin-top:20px;
            width:50%;

        }
        #dvtime{
            font-size:50px;
            color:red;
        }
    </style>
</head>
<body>

<h1>测试</h1>
<div>
    <h2><a href="company/all.do">查询公司全部</a> </h2>
    <h2><a href="group/all.do">查询分组全部</a> </h2>
    <h2><a href="company/detail.do?id=1">查询分组全部</a></h2>
    <h2><a href="ajaxstudy.html">Ajax学习</a></h2>
    <button onclick="showTime()">显示时间</button>
    <div id="dv1">
        <h3>全良</h3>
    </div>
    <button onclick="changeHtml()">改变内容</button>
    <div id="dvtime"></div>
</div>
<div class="dv2">
    <div id="dv21">
        <h1>新增</h1>
        <form action="company/save.do">
            <p><label>名&nbsp;&nbsp;称：</label><input name="name"/></p>
            <p><label>人&nbsp;&nbsp;数：</label><input name="pernums"/></p>
            <p><label>负责人：</label><input name="person"/></p>
            <p><label>备&nbsp;&nbsp;注：</label><input name="info"/></p>
            <p><button id="btn1" type="submit">新增公司</button> </p>
        </form>
    </div>

</div>
<div>
    <h1>新增分钟</h1>
    <form action="group/save.do">
        <p><label>公司：</label><input name="cid"/></p>
        <p><label>人数：</label><input name="num"/></p>
        <p><label>组号：</label><input name="no"/></p>
        <p><label>负责人：</label><input name="gleader"/></p>
        <p><label>组员：</label><input name="persons"/></p>
        <p><button type="submit">新增分组</button> </p>
    </form>
</div>
<div>
    <h1>随机分组</h1>
    <form action="group/create.do" method="post">
        <p><label>公司：</label><input name="cid" placeholder="请输入公司id"></p>
        <p><label>每组人数：</label><input name="num" placeholder="请输入组人数"></p>
        <p><label>名单：</label><textarea rows="10" cols="50" name="persons" placeholder="请输入人员的姓名，以,隔开"></textarea></p>
        <p><button type="submit">随机分组</button> </p>
    </form>
</div>
<script>
    //声明变量
    var i=1;
    var i2=new Number(101);
    function showTime(){
        alert("时间："+new Date());
    }
    function changeHtml(){
        //获取dom对象
        var d=document.getElementById("dv1");
        d.innerHTML="<h1>佳佳</h1>";
    }
    //定时器 参数解读：1.要重复执行的函数  2.时间间隔 多久重复1次 单位毫秒
    var myVar=setInterval(function(){myTimer()},5000);
    function myTimer(){
	    var d=new Date();
	    var t="当前时间："+d.toLocaleTimeString();
	    document.getElementById("dvtime").innerHTML=t;
    }


</script>
</body>
</html>